<template>
	<view class="header-search">
		<view class="header-search-main" @click="handleClick">
			<view class="header-serach-main-text">
				<u-icon name="search" size="21"></u-icon>
				<text>搜索</text>
			</view>
			<view class="">
				<u-icon name="scan" size="21"></u-icon>
			</view>
		</view>
		<view class="">
			<u-icon name="chat" size="21"></u-icon>
		</view>
	</view>
</template>

<script>
export default {
	methods: {
		handleClick() {
			uni.navigateTo({
				url: '/pages/search/search'
			});
		}
	}
};
</script>

<style scoped>
.header-search {
	padding: 29rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-search-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 570rpx;
	height: 61rpx;
	padding: 0 20rpx;
	background: rgba(240, 241, 243, 0.39);
	/* opacity: 1; */
	border-radius: 31rpx;
}

.header-serach-main-text {
	display: flex;
	align-items: center;
}

.header-serach-main-text text {
	padding-left: 20rpx;
	font-size: 26rpx;
	font-weight: 400;
	color: #848e94;
}
</style>
